import styled from "styled-components";

export const My = styled.div`
    background-color: #f4f4f4;
    width: 100vw;
    height: 100vh;
    .login{
        background: url('https://assets.maizuo.com/h5/v5/public/app/img/bg.a5bdd690.png');
        background-size: 100vw 50vw;
        width: 100vw;
        height: 50vw;
        .deng{
            padding: 64px 0 0 22px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            .tou{
                width: 67px;
                height: 67px;
                border-radius: 50%;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            .lu{
                height: 50px;
                width: 50vw;
                font-size: 18px;
                font-family: '楷体';
                font-weight: 900;
                line-height: 50px;
                margin-right: 50px;
                color: #fff;
            }
        }
    }
    .ding{
        height: 79px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        background: #fff;
        margin-bottom: 10px;
    }
    .list{
        ul{
            li{
                background: #fff;
                padding: 0 15px;
                height: 49px;
                box-sizing: border-box;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 2px;
                font-size: 18px;
            }
        }
    }
`